<style scoped>
.entry{
    position: relative;
    width:1170px;
    margin: 20px auto;
    text-align: center;
}
.entry a{
    font-size: 16px;
    color: #FFB900;
    text-decoration: underline;
    margin-right:100px; 
    position:absolute;
    top: 10px;
    right: 0;
}
.activity_jmp{
    position:fixed;
    width:200px;
    left: 20px;
    bottom: 20px;
}
.activity_jmp .close{
    font-size: 18px;
    color: #666;
    position:absolute;
    right: 10px;
    top: -15px;
}
</style>
<template>
    <div class="index">
        <Top/>
        <Banner/>
        <Tool/>
        <section >
            <h2 style="margin-bottom: 65px;">派智外观申请活动</h2>
            <Activity/>
        </section> 
        <section >
            <h2>派智问答</h2>
            <Q-A/>
        </section>
        <section>
            <h2>一站式专利流程监控</h2>
            <flow-control/>
        </section>
        <section class="box3">
            <h2>代理人撰写服务</h2>
            <agent/>
        </section>
        <section style="position: relative">
            <h2  class="entry">申请专利，从免费体验开始 <router-link @click="TJ_event('主页-活动入口')" :to="{name:'activity',query:$route.query}">活动入口</router-link></h2>
            <Share :unique_code="unique_code"/>
        </section>
        <Tail/>
        <Footer/>
        <div class="activity_jmp" v-show="activity_jmp">
            <div class="close" @click="activity_jmp=false" >X</div>
            <router-link  :to="{name:'activity',query:$route.query}">
                <img @click="TJ_event('悬浮图活动入口')" src="@/assets/activity_jmp.svg" >
            </router-link>
        </div>
        <Kefu :is_nav="true"/>
    </div>
</template>
<script>
import ("@/assets/init.scss")
import Top      from "@/components/top"
import Banner   from "@/components/banner"
import Tool     from "@/components/tool"
import Activity from "@/components/activity"
import flowControl from "@/components/flowControl"
import QA from "@/components/Q_A"
import agent from "@/components/agent"
import Share from "@/components/share"
import Tail   from "@/components/tail"
import Footer   from "@/components/footer"
import Kefu   from "@/components/kefu"
export default {
    data(){
        return {
            activity_jmp:true,
            unique_code:localStorage.getItem('unique_code'),
        }
    },
    components:{
        Top,
        Banner,
        Tool,
        Activity,
        flowControl,
        QA,
        agent,
        Share,
        Tail,
        Footer,
        Kefu
    }
}
</script>

